<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>注册MyDaily</title>
		<style type="text/css">
			body {
				margin: 0px;
				height: 0px;
				background: url(img/rbg.jpeg) no-repeat;
				background-size: 100% 100%;
				background-attachment: fixed;
			}

			#zhuce {
				width: 500px;
				height: 500px;
				position: absolute;
				top: 150px;
				left: 500px;
			}

			.input {
				font-size: 25px;
				margin-left: 120px;
				color: white;
			}

			.long {
				margin-top: 30px;
				width: 200px;
				height: 30px;
			}

			#boy,
			#girl {
				width: 30px;
				height: 30px;
				margin-top: 30px;
			}

			#but,
			#sub {
				margin-top: 30px;
				width: 100px;
				height: 30px;
			}

			#sub {
				margin-left: 100px;
				border: 0px;
				border-radius: 15px;
				background-color: #FF5722;
				color: white;
			}

			#but {
				margin-left: 100px;
				border: 0px;
				border-radius: 15px;
				background-color: #1E9FFF;

				color: white;
			}

			.sex {
				font-size: 25px;
				color: white;
			}

			#but:hover {
				background-color: #FF9900;
			}

			#sub:hover {

				background-color: #3399CC;
			}
		</style>
	</head>
	<body>
		<div id="warp">
			<fieldset id="zhuce">
				<legend style="color: white;">注册MyDaily</legend>
				<form action="RegisterServlet" method="post">
					<span class="input">手机:</span>
					<input type="text" id="phone" value="" name="phone" placeholder="请输入手机号" required="required" class="long" />
					<br>
					<span class="input">名称:</span>
					<input type="text" id="name" value="" name="name" placeholder="请输入注册昵称" required="required" class="long" />
					<br>
					<span class="input">性别:</span>
					<input type="radio" name="sex" id="boy" value="男" required="required" />&nbsp;<span class="sex">男</span>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<input type="radio" name="sex" id="girl" value="女" required="required" />&nbsp;<span class="sex">女</span>
					<br>
					<span class="input">生日:</span>
					<input type="date" name="birthday" id="birthday" value="" required="required" class="long" />
					<br>
					<span class="input">密码:</span>
					<input type="password" name="password" id="password" placeholder="请输入密码" required="required" class="long" />
					<br>
					<br>
					<span style="margin-left: 180px;color: red;font-size: 25px;">
						<%
 							if (request.getAttribute("msg") != null) {
 						%> 
 						<%=request.getAttribute("msg")%> <%
 							}
 						%>
					</span>
					<br>
					<input type="submit" value="注册" id="sub" />
					<button type="button" id="but" onclick="chong()">重置</button>
				</form>
			</fieldset>
		</div>
	</body>
	<script type="text/javascript">
		function chong() {
			document.getElementById("phone").value = "";
			document.getElementById("name").value = "";
			document.getElementById("birthday").value = "";
			document.getElementById("password").value = "";
			document.getElementById("boy").checked = false;
			document.getElementById("girl").checked = false;
		}
	</script>
</html>